<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>浙江省城市公交数智大脑</title>
        <link rel="stylesheet" href="../css/test.css">
        <link rel="stylesheet" href="../css/easyui.css">
		<link rel="stylesheet" href="../css/defaultNormal.css">
    </head>
    <body>
        <header>
            <h1>浙江省城市公交数智大脑</h1>
            <div style="float: right;margin-top:-75px;margin-right: 30px;">
            	<div class="weather"><span id="weatherToday"></span></div>
            </div>
			<div class="backButton" placeholder="返回">
				<img src="../images/cityBus/返回.png"/>
			</div>
			<img id="home" src="../images/cityBus/首页.png" style="float: right;margin-top:-45px;margin-right: 298px;cursor: pointer;"/>
            <div class="showTime" style="margin-top: 15px;"></div>
        </header>
        <section class="mainbox">
            <div class="column">
                <div class="panel bar">
                    <h2>城市排名 </h2>
					<h2>
						<a id="yylc" class="tab" href="javacript:void(0);">运营里程</a>
						<a id="yycl" class="tab" href="javacript:void(0);">运营车辆</a>
						<a id="kyl" class="tab" href="javacript:void(0);">客运量</a>
						<a id="yylx" class="tab" href="javacript:void(0);">运营线路</a>
					</h2>
                    <div class="chart"></div>
                    <div class="panel-footer"></div>
                </div>
                <div class="panel line" style="margin-bottom: 0px;">
                    <h2>历史趋势</h2>
					<h2>
                        <a id="yunyinglc" key="1" class="tab" href="javacript:void(0);">运营里程</a>
                        <a id="yunyingcl" key="1" class="tab" href="javacript:void(0);">运营车辆</a>
                        <a id="keyunl" key="1" class="tab" href="javacript:void(0);">客运量</a>
                        <a id="yunyingxl" key="1" class="tab" href="javacript:void(0);">运营线路</a>
                    </h2>
                    <div class="chart"></div>
                    <div class="panel-footer"></div>
                </div>
            </div>
            <div class="column" style="margin-bottom: 0px;">
                <div class="no">
                    <div class="no_hd">
                        <ul>
                            <li>33.48</li>
                            <li>6382</li>
                            <li>24.12</li>
                            <li>593.6</li>
                        </ul>
                    </div>
                    <div class="no_bd">
                        <ul>
                            <li>客运量（亿人次）</li>
                            <li>运营路线（条）</li>
                            <li>运营里程（亿公里）</li>
                            <li>停保场面积（万平方米）</li>
                        </ul>
                    </div>
                </div>
                <div class="map">
                    <div class="map1"></div>
                    <div class="map2"></div>
                    <div class="map3"></div>
                    <div id="mapData" class="chart"></div>
                </div>
				<div class="panel line3" style="position: absolute;margin-top: -2.6625rem;height:auto;z-index: 200;width: 44.5%;background-image: url('../images/bg.jpg');padding-bottom: 0px;">
					<div id="line7" class="chart" style="height: 2.5999rem;"></div>
				</div>
				<div class="panel-footer"></div>
            </div>
            <div class="column">
                <div class="panel bar2">
                    <h3>城市公交评价指标</h3>
                    <div class="chart">
                        <table id="vehiclerate">
                            <thead>
                                <tr style="white-space: nowrap;">
                                    <th>城市名</th>
                                    <th>出车率</th>
                                    <th>里程利用率</th>
                                    <th>班次执行率</th>
                                    <th>缺班率</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                    <div class="panel-footer"></div>
                </div>
                <div class="panel line2" style="margin-bottom: 0px;">
                    <h3>实时营运车辆构成</h3>
                    <div class="chart"></div>
                    <div class="panel-footer"></div>
                </div>
            </div>
        </section>
        <script src="../js/flexible.js"></script>
        <script src="../js/echarts.min.js"></script>
        <!-- 先引入jquery -->
        <script src="../js/jquery.js"></script>
        <script src="../js/jquery.easyui.min.js"></script>
        <!-- 必须先引入china.js 这个文件 因为中国地图需要 -->
        <script src="../js/china.js"></script>
        <script src="../js/zhejiang.js"></script>
        <script src="../js/test.js"></script>
        <script src="../js/extJs.js"></script>
        <script src="../js/time.js"></script>
		<script src="../js/weather.js"></script>
    </body>
</html>
